<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米全部商品</title>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<div class="top">
    <div class="top-a">
        <ul class="top-b">
            <li><a href="#">小米网</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">米聊</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">多看阅读</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">小米网移动版</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">Select region</a></li>
        </ul>
        <ul class="top-c">
            <li><a href="#">登录</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
</div>
<div class="da">
    <div class="nav">
        <button>购物车</button>
        <div class="ss">
            <input placeholder="搜索您需要的东西" type="text"/>
            <span></span>
        </div>
        <p>5月12日开放购买</p>
    </div>
    <div class="nav-a">
        <div class="nav-b">
            <p><a href="#">全部商品分类</a></p>
        </div>
        <div class="nav-c">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">小米平板</a></li>
                <li><a href="#">小米电视</a></li>
                <li><a href="#">盒子</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">合约机</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
    </div>
    <p class="nav-d">首页 / 所有分类</p>
    <p class="nav-e">全部商品分类</p>
    <div class="quan">
        <div class="quan-a">
            <div class="quan-b">
                <ul>
                    <li><img src="images/luyouqi.png"></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/dianchi.png"></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/tupian.png" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/hougai-.png" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b quan-d">
                <ul>
                    <li><img src="images/xiaomifeng.png" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
        </div>
            <div class="quan-c">
            <div class="quan-b">
                <ul>
                    <li><img src="images/shouhuan.png" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/peijing.png" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/miui.jpg" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b">
                <ul>
                    <li><img src="images/jixing.jpg" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
            <div class="quan-b quan-d">
                <ul>
                    <li><img src="images/mingxing.jpg" alt=""/></li>
                    <li><a href="#">路由器与智能硬件</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类&gt&gt</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="end">
    <div class="end-a">
        <div class="end-b">
            <img src="images/10.png" alt=""/>
            <p>1小时快修服务</p>
        </div>
        <div class="end-b">
            <img src="images/11.png" alt=""/>
            <p>7天无理由退化</p>
        </div>
        <div class="end-b">
            <img src="images/12.png" alt=""/>
            <p>15天免费换货</p>
        </div>
        <div class="end-b">
            <img src="images/13.png" alt=""/>
            <p>满150元包邮</p>
        </div>
        <div class="end-b">
            <img src="images/14.png" alt=""/>
            <p>520余家售后网点</p>
        </div>

    </div>
    <div class="end-c">
        <div class="end-d">
            <p class="end-d-wz">400-100-5678</p>
            <p class="end-d-wx">周一至周日8：00-21：00<br>（仅收市话费）</p>
            <button>24小时在线客服</button>
        </div>

        <div class="end-e">
            <ul>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网店</a></li>
                <li><a href="#">预约亲临到店的服务</a></li>
            </ul>
            <ul>
                <li><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
                <li><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
    </div>
    <div class="end-f">
        <ul>
            <li>小米旗下网站：<a href="#">小米网</a></li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li><a href="#">小米路由器</a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul><br>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>

        <div class="end-i">
            <input placeholder="简体中文" type="text"/>
        </div>
    </div>
</div>
</body>
</html>